<template>
    <div class="template-form-Lu">
        <!-- <a-modal
            title="预算申报计划填写"
            :visible="visible"
            :maskClosable="false"
            :closable="true"
            :destroyOnClose="true"
            width="100%"
            :dialog-style="{ margin: '0 auto' }"
            wrapClassName="budgetDeclaration-department-fullmodal"
            @cancel="closeVisible"> -->
            <div class="budgetDeclaration-department-div-box">
                <div class="tabs-card-edit-box">
                    <a-tabs type="card" v-model:activeKey="summaryActiveKey" @change="summaryActiveChange">
                        <a-tab-pane key="预算申报计划汇总表单" tab="预算申报计划汇总表单"></a-tab-pane>
                        <a-tab-pane key="预算申报绩效汇总表单" tab="预算申报绩效汇总表单"></a-tab-pane>
                        <a-tab-pane key="科室填写进度" tab="科室填写进度"></a-tab-pane>
                        <a-tab-pane
                            v-for="(item,index) in departmentList"
                            :key="item.fsqks"
                            :tab="item.fsqks">
                        </a-tab-pane>
                    </a-tabs>
                </div>
                <div  class="tab-box-v1">
                    <div v-if="summaryActiveKey == '预算申报计划汇总表单'" style="width: 100%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <a-spin :spinning="spinning">
                            <a-collapse v-model:activeKey="collapseActiveKeyArr" class="tabs-collapse-box" style="width: 90%;margin: 0 auto;">
                                <a-collapse-panel key="1" header="审评">
                                    <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 100%;">
                                        <tr>
                                            <th colspan="2" rowspan="3">科室</th>
                                            <th rowspan="3">项目</th>
                                            <th colspan="9">差旅费</th>
                                            <th colspan="4" rowspan="2">劳务费</th>
                                        </tr>
                                        <tr>
                                            <th colspan="4">差旅补助</th>
                                            <th colspan="2">住宿费</th>
                                            <th colspan="2">交通费</th>
                                            <th rowspan="2">合计</th>
                                        </tr>
                                        <tr>
                                            <th>企业数/组数</th>
                                            <th>人数</th>
                                            <th>天数</th>
                                            <th>小计</th>
                                            <th>住宿天数</th>
                                            <th>小计</th>
                                            <th>交通天数</th>
                                            <th>小计</th>
                                            <th>审评天数</th>
                                            <th>人次</th>
                                            <th>标准</th>
                                            <th>小计</th>
                                        </tr>
                                        <template v-for="(item,index) in financeList">
                                            <template v-if="item.list[0] && item.list[0].name">
                                                <template v-for="(itema,indexa) in item.list">
                                                    <tr v-for="(itemc,indexc) in itema.list">
                                                        <th :rowspan="totalListLength(item.list) + 3" v-if="indexa == 0 && indexc == 0">{{ item.name }}</th>
                                                        <th :rowspan="itema.list.length" v-if="indexc == 0">{{ itema.name }}</th>
                                                        <td>{{ itemc.fxmmc }}</td>
                                                        <td>{{ itemc.fclbzqyszs }}</td>
                                                        <td>{{ itemc.fclbzrs }}</td>
                                                        <td>{{ itemc.fclbzts }}</td>
                                                        <td>{{ itemc.fclbzxj }}</td>
                                                        <td>{{ itemc.fzxfts }}</td>
                                                        <td>{{ itemc.fzxfxj }}</td>
                                                        <td>{{ itemc.fjtfts }}</td>
                                                        <td>{{ itemc.fjtfxj }}</td>
                                                        <td>{{ itemc.fclfhjh }}</td>
                                                        <td>{{ itemc.flwfjcts }}</td>
                                                        <td>{{ itemc.flwfrc }}</td>
                                                        <td>{{ itemc.flwfbz }}</td>
                                                        <td>{{ itemc.flwfxj }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th colspan="2">小计</th>
                                                        <td>{{ getAmountData('审评',item.name,'qys',itema.name) }}</td>
                                                        <td>{{ getAmountData('审评',item.name,'clrs',itema.name) }}</td>
                                                        <td>{{ getAmountData('审评',item.name,'clts',itema.name) }}</td>
                                                        <td></td>
                                                        <td>{{ getAmountData('审评',item.name,'zsts',itema.name) }}</td>
                                                        <td></td>
                                                        <td>{{ getAmountData('审评',item.name,'jtts',itema.name) }}</td>
                                                        <td></td>
                                                        <td>{{ getAmountData('审评',item.name,'clf',itema.name) }}</td>
                                                        <td>{{ getAmountData('审评',item.name,'lwts',itema.name) }}</td>
                                                        <td>{{ getAmountData('审评',item.name,'lwrc',itema.name) }}</td>
                                                        <td></td>
                                                        <td>{{ getAmountData('审评',item.name,'lwf',itema.name) }}</td>
                                                    </tr>
                                                </template>
                                                <tr class="tr-hj">
                                                    <th colspan="10">合计</th>
                                                    <td>{{ getAmountData('审评',item.name,'clf') }}</td>
                                                    <th colspan="3">合计</th>
                                                    <td>{{ getAmountData('审评',item.name,'lwf') }}</td>
                                                </tr>
                                            </template>
                                            <template v-if="item.list[0] && !item.list[0].name && item.list[0].id">
                                                <tr v-for="(itemb,indexb) in item.list">
                                                    <th :rowspan="item.list.length + 1" colspan="2" :key="'indexb' + indexb" v-if="indexb == 0">{{ item.name }}</th>
                                                    <td>{{ itemb.fxmmc }}</td>
                                                    <td>{{ itemb.fclbzqyszs }}</td>
                                                    <td>{{ itemb.fclbzrs }}</td>
                                                    <td>{{ itemb.fclbzts }}</td>
                                                    <td>{{ itemb.fclbzxj }}</td>
                                                    <td>{{ itemb.fzxfts }}</td>
                                                    <td>{{ itemb.fzxfxj }}</td>
                                                    <td>{{ itemb.fjtfts }}</td>
                                                    <td>{{ itemb.fjtfxj }}</td>
                                                    <td>{{ itemb.fclfhjh }}</td>
                                                    <td>{{ itemb.flwfjcts }}</td>
                                                    <td>{{ itemb.flwfrc }}</td>
                                                    <td>{{ itemb.flwfbz }}</td>
                                                    <td>{{ itemb.flwfxj }}</td>
                                                </tr>
                                                <tr class="tr-hj">
                                                    <th>合计</th>
                                                    <td>{{ getAmountData('审评',item.name,'qys') }}</td>
                                                    <td>{{ getAmountData('审评',item.name,'clrs') }}</td>
                                                    <td>{{ getAmountData('审评',item.name,'clts') }}</td>
                                                    <td></td>
                                                    <td>{{ getAmountData('审评',item.name,'zsts') }}</td>
                                                    <td></td>
                                                    <td>{{ getAmountData('审评',item.name,'jtts') }}</td>
                                                    <td></td>
                                                    <td>{{ getAmountData('审评',item.name,'clf') }}</td>
                                                    <td>{{ getAmountData('审评',item.name,'lwts') }}</td>
                                                    <td>{{ getAmountData('审评',item.name,'lwrc') }}</td>
                                                    <td></td>
                                                    <td>{{ getAmountData('审评',item.name,'lwf') }}</td>
                                                </tr>
                                            </template>
                                        </template>
                                        <tr class="tr-zj">
                                            <th colspan="11">总计</th>
                                            <td>{{ getAmountData('审评','总计','clf') }}</td>
                                            <th colspan="3">总计</th>
                                            <td>{{ getAmountData('审评','总计','lwf') }}</td>
                                        </tr>
                                    </table>
                                    <span slot="extra">
                                        <a-icon type="printer" @click.stop="printClickYuSuanOnly('jcList',financeList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                        <a-icon type="export" @click.stop="exportClickTable('审评')" style="color:#5ca3e5;font-size:18px;"/>
                                    </span>
                                </a-collapse-panel>
                                <a-collapse-panel key="2" header="课题">
                                    <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 95%;">
                                        <tr>
                                            <th>课题负责科室</th>
                                            <th>课题名称</th>
                                            <th>课题经费</th>
                                            <th>课题负责人</th>
                                            <th>课题委托单位/公司</th>
                                        </tr>
                                        <template v-for="(item,index) in ktList" v-if="item.list.length">
                                            <tr v-for="(itemb,indexb) in item.list" :key="'kt'+index+indexb">
                                                <th :rowspan="item.list.length + 1" v-if="indexb == 0">{{ item.name }}</th>
                                                <td>{{ itemb.fktmc }}</td>
                                                <td>{{ itemb.fktjf }}</td>
                                                <td>{{ itemb.fktfzr }}</td>
                                                <td>{{ itemb.fktwtdw }}</td>
                                            </tr>
                                            <tr class="tr-hj">
                                                <th>合计</th>
                                                <td>{{ getAmountData('课题',item.name,'ktjf') }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </template>
                                        <tr class="tr-zj">
                                            <th colspan="2">总计</th>
                                            <td>{{ getAmountData('课题','总计','ktjf') }}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                    <span slot="extra">
                                        <a-icon type="printer" @click.stop="printClickYuSuanOnly('ktList',ktList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                        <a-icon type="export" @click.stop="exportClickTable('课题')" style="color:#5ca3e5;font-size:18px;"/>
                                    </span>
                                </a-collapse-panel>
                                <a-collapse-panel key="3" header="印刷">
                                    <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 95%;">
                                        <tr>
                                            <th>科室</th>
                                            <th>印刷内容</th>
                                            <th>数量</th>
                                            <th>单价</th>
                                            <th>合计</th>
                                        </tr>
                                        <template v-for="(item,index) in ysList" v-if="item.list.length">
                                            <tr v-for="(itemb,indexb) in item.list" :key="'ys'+index+indexb">
                                                <th :rowspan="item.list.length + 1" v-if="indexb == 0">{{ item.name }}</th>
                                                <td>{{ itemb.fsbmc }}</td>
                                                <td>{{ itemb.fsbsl }}</td>
                                                <td>{{ itemb.fmbqs }}</td>
                                                <td>{{ itemb.fyzhj }}</td>
                                            </tr>
                                            <tr class="tr-hj">
                                                <th colspan="3">合计</th>
                                                <td>{{ getAmountData('印刷',item.name,'ysf') }}</td>
                                            </tr>
                                        </template>
                                        <tr class="tr-zj">
                                            <th colspan="4">总计</th>
                                            <td>{{ getAmountData('印刷','总计','ysf') }}</td>
                                        </tr>
                                    </table>
                                    <span slot="extra">
                                        <a-icon type="printer" @click.stop="printClickYuSuanOnly('ysList',ysList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                        <a-icon type="export" @click.stop="exportClickTable('印刷')" style="color:#5ca3e5;font-size:18px;"/>
                                    </span>
                                </a-collapse-panel>
                                <a-collapse-panel key="4" header="培训">
                                    <table border="1" cellspacing="0" class="table-Lu colour-table" style="width: 95%;">
                                        <tr>
                                            <th>科室</th>
                                            <th>培训班名称 </th>
                                            <th>培训内容 </th>
                                            <th>培训对象 </th>
                                            <th>培训地点 </th>
                                            <th>培训人数</th>
                                            <th>培训天数</th>
                                            <th>培训费用</th>
                                            <th>学时/天</th>
                                            <th>正高学时/天</th>
                                            <th>正高费用</th>
                                            <th>副高学时/天</th>
                                            <th>副高费用</th>
                                            <th>授课费</th>
                                            <th>小计</th>
                                        </tr>
                                        <template v-for="(item,index) in pxList" v-if="item.list.length">
                                            <tr v-for="(itemb,indexb) in item.list" :key="'px'+index+indexb">
                                                <th :rowspan="item.list.length + 1" v-if="indexb == 0">{{ item.name }}</th>
                                                <td>{{ itemb.fpxmc }}</td>
                                                <td>{{ itemb.fpxnr }}</td>
                                                <td>{{ itemb.fpxdx }}</td>
                                                <td>{{ itemb.fpxdd }}</td>
                                                <!--  -->
                                                <td>{{ itemb.fpxrs }}</td>
                                                <td>{{ itemb.fpxts }}</td>
                                                <td>{{ itemb.fpxfy }}</td>
                                                <td>{{ itemb.fxst }}</td>
                                                <!--  -->
                                                <td>{{ itemb.fzgxs }}</td>
                                                <td>{{ itemb.fzgfy }}</td>
                                                <td>{{ itemb.ffgxs }}</td>
                                                <td>{{ itemb.ffgfy }}</td>
                                                <!--  -->
                                                <td>{{ itemb.fskf }}</td>
                                                <td>{{ itemb.fpxskxj }}</td>
                                            </tr>
                                            <tr class="tr-hj">
                                                <th colspan="4">合计</th>
                                                <td>{{ getAmountData('培训',item.name,'pxrs') }}</td>
                                                <td></td>
                                                <td>{{ getAmountData('培训',item.name,'pxf') }}</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>{{ getAmountData('培训',item.name,'szfy') }}</td>
                                                <td>{{ getAmountData('培训',item.name,'pxhj') }}</td>
                                            </tr>
                                        </template>
                                        <tr class="tr-zj">
                                            <th colspan="5">总计</th>
                                            <td>{{ getAmountData('培训','总计','pxrs') }}</td>
                                            <td></td>
                                            <td>{{ getAmountData('培训','总计','pxf') }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>{{ getAmountData('培训','总计','szfy') }}</td>
                                            <td>{{ getAmountData('培训','总计','pxhj') }}</td>
                                        </tr>
                                    </table>
                                    <span slot="extra">
                                        <a-icon type="printer" @click.stop="printClickYuSuanOnly('pxList',pxList)" style="color:#1ab394;font-size:18px;margin-right: 20px;"/>
                                        <a-icon type="export" @click.stop="exportClickTable('培训')" style="color:#5ca3e5;font-size:18px;"/>
                                    </span>
                                </a-collapse-panel>
                            </a-collapse>
                        </a-spin>
                    </div>
                    <div v-if="summaryActiveKey == '预算申报绩效汇总表单'" style="width: 100%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <a-spin :spinning="spinning">
                            <div style="width: 95%;padding-bottom: 10px;margin: 0 auto;">
                                <a-button class="blue-btn" type="primary" @click="printJx" style="margin-right: 20px;">打印</a-button>
                                <a-button class="blue-btn" @click="exportJx">导出</a-button>
                            </div>
                            <table border="1" cellspacing="0" class="table-Lu color-Table-jiXiao" style="width: 95%;">
                                <tr>
                                    <th>科室</th>
                                    <th>绩效指标类型</th>
                                    <th>一级指标</th>
                                    <th>二级指标</th>
                                    <th>三级指标</th>
                                    <th>指标值</th>
                                </tr>
                                <tr v-if="jxList.length == 0">
                                    <td colspan="6">暂无数据</td>
                                </tr>
                                <template v-for="(itema,indexa) in jxList">
                                    <template v-for="(itemb,indexb) in itema.jxzbmcList">
                                        <template v-for="(itemc,indexc) in itemb.lxList">
                                            <template v-for="(itemd,indexd) in itemc.lxmcDataList">
                                                <template v-for="(itemf,indexf) in itemd.zbDataList">
                                                    <tr>
                                                        <!-- :rowspan="itema.size" v-if="indexc == 0 && indexd == 0 && indexf == 0" -->
                                                        <td class="td-itema" :rowspan="itema.size" v-if="(indexb == itema.index ) && indexc == 0 && indexd == 0 && indexf == 0">{{ itema.ksmc }}</td>
                                                        <td class="td-itemb" :rowspan="itemb.size" v-if="(indexc == itemb.index ) && indexd == 0 && indexf == 0">{{ itemb.fjssblx }}</td>
                                                        <td class="td-itemc1" :rowspan="itemc.size" v-if="indexd == 0 && indexf == 0 && (itemc.lxmc == '产出指标')">{{ itemc.lxmc }}</td>
                                                        <td class="td-itemc2" :rowspan="itemc.size" v-if="indexd == 0 && indexf == 0 && (itemc.lxmc == '效益指标')">{{ itemc.lxmc }}</td>
                                                        <td class="td-itemc3" :rowspan="itemc.size" v-if="indexd == 0 && indexf == 0 && (itemc.lxmc == '满意度指标')">{{ itemc.lxmc }}</td>
                                                        <td class="td-itemd" :rowspan="itemd.zbDataList.length" v-if="indexf == 0">{{ itemd.slzb }}</td>
                                                        <td>{{ itemf.key }}</td>
                                                        <td>{{ itemf.value }}</td>
                                                    </tr>
                                                </template>
                                            </template>
                                        </template>
                                    </template>
                                </template>
                            </table>
                        </a-spin>
                    </div>
                    <div v-if="summaryActiveKey == '科室填写进度'" style="width: 100%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;">
                        <ul class="department-schedule-ul">
                            <li v-for="(item,index) in scheduleList" :key="index" class="department-schedule-li">
                                <div class="department-schedule-span">
                                    <span>{{ item.name }}&ensp;：&emsp;</span>
                                </div>
                                <div class="department-schedule-div">
                                    <a-steps :current="item.step">
                                        <a-step title="填写"/>
                                        <a-step title="科室负责人审核"/>
                                        <a-step title="分管领导审核"/>
                                    </a-steps>
                                </div>
                                <div class="department-schedule-result">
                                    <span v-if="item.lczt == '流程结束'" style="color:green">
                                        <a-icon type="check-circle" />
                                        已完成
                                    </span>
                                    <span v-else style="color:red">
                                        <a-icon type="close-circle"/>
                                        未完成
                                    </span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div v-if="summaryActiveKey == item.fsqks" v-for="(item,index) in departmentList" :key="index" style="padding-top: 30px;">
                        <a-collapse v-model:activeKey="departmentActiveKeyArr" class="tabs-collapse-box">
                            <a-collapse-panel key="1" header="部门预算项目申报表">
                                <div style="width: 794px;margin: 0 auto;">
                                    <h1 style="text-align: center;">2025年部门预算项目申报表</h1>
                                    <div class="text-style" style="display: flex;justify-content: space-between;padding: 0 30px;">
                                        <span>填报科室：{{ item.fsqks }}</span>
                                        <span>单位：万元</span>
                                    </div>
                                    <table border="1" cellspacing="0" class="table-Lu">
                                        <tr>
                                            <th :rowspan="3">支出项目分类</th>
                                            <td colspan="2">
                                                差旅费：{{ item.fzcxmflclf }} 万元
                                            </td>
                                            <td colspan="2">
                                                劳务费：{{ item.fzcxmfllwf }} 万元
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                课题经费：{{ item.fzcxmflktjf }} 万元
                                            </td>
                                            <td colspan="2">
                                                印刷费：{{ item.fzcxmflysf }} 万元
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                培训费：{{ item.fzcxmflpxf }} 万元
                                            </td>
                                            <td colspan="2">
                                                <span>其他（{{ item.fzcxmflqtmc}}）：</span>
                                                {{ item.fzcxmflqt }} 万元
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>项目金额</th>
                                            <td colspan="4">
                                                合计：{{ item.xmje }} 万元
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>社会经济效益</th>
                                            <td colspan="4" class="text-left-style">{{ item.shjjxy }}</td>
                                        </tr>
                                        <!-- <tr>
                                            <th>项目依据</th>
                                            <td colspan="4">{{ item.xmyj }}</td>
                                        </tr>
                                        <tr>
                                            <th>项目内容<br>（详细测算过程）</th>
                                            <td colspan="4">{{ item.xmnr }}</td>
                                        </tr> -->
                                        <colgroup>
                                            <col style="width:170px !important">
                                            <col>
                                            <col>
                                            <col>
                                            <col>
                                        </colgroup>
                                        <tr>
                                            <th>资金支出计划</th>
                                            <th>一季度</th>
                                            <th>二季度</th>
                                            <th>三季度</th>
                                            <th>四季度</th>
                                        </tr>
                                        <tr>
                                            <th>支出金额（差旅费）</th>
                                            <td>{{ item.zjzcjhyjdclf }}</td>
                                            <td>{{ item.zjzcjhejdclf }}</td>
                                            <td>{{ item.zjzcjhsjdclf }}</td>
                                            <td>{{ item.zjzcjhsijdclf }}</td>
                                        </tr>
                                        <tr>
                                            <th>支出金额（劳务费）</th>
                                            <td>{{ item.zjzcjhyjdlwf }}</td>
                                            <td>{{ item.zjzcjhejdlwf }}</td>
                                            <td>{{ item.zjzcjhsjdlwf }}</td>
                                            <td>{{ item.zjzcjhsijdlwf }}</td>
                                        </tr>
                                        <tr>
                                            <th>印刷费</th>
                                            <td>{{ item.zjzcjhyjdysf }}</td>
                                            <td>{{ item.zjzcjhejdysf }}</td>
                                            <td>{{ item.zjzcjhsjdysf }}</td>
                                            <td>{{ item.zjzcjhsijdysf }}</td>
                                        </tr>
                                        <tr>
                                            <th>培训费</th>
                                            <td>{{ item.zjzcjhyjdpxf }}</td>
                                            <td>{{ item.zjzcjhejdpxf }}</td>
                                            <td>{{ item.zjzcjhsjdpxf }}</td>
                                            <td>{{ item.zjzcjhsijdpxf }}</td>
                                        </tr>
                                        <tr>
                                            <th>支出金额（根据支出项目分类填写）</th>
                                            <td>{{ item.zjzcjhyjdzcje }}</td>
                                            <td>{{ item.zjzcjhejdzcje }}</td>
                                            <td>{{ item.zjzcjhsjdzcje }}</td>
                                            <td>{{ item.zjzcjhsijdzcje }}</td>
                                        </tr>
                                        <tr>
                                            <th>备注</th>
                                            <td colspan="4" class="text-left-style">{{ item.bz }}</td>
                                        </tr>
                                    </table>
                                    <div class="text-style" style="display: flex;justify-content: space-around;">
                                        <span>填报人：{{ item.tbrxm }}</span>
                                        <span>科室负责人：{{ item.ksfzrxm }}</span>
                                        <span>分管领导人：{{ item.kfgldrxm }}</span>
                                    </div>
                                    <p class="text-style">注：请各科室于7月 日前交办公室（财务）汇总。</p>
                                </div>
                                <span slot="extra">
                                    <a-icon type="printer" @click.stop="printClickTable('1',item)" style="color:#1ab394;font-size:18px;"/>
                                </span>
                            </a-collapse-panel>
                            <a-collapse-panel key="2" header="项目支出绩效目标申报表">
                                <a-empty v-if="performanceList.length == 0"/>
                                <div v-for="(itemJx,indexJx) in performanceList" :key="indexJx" style="width: 794px;margin: 0 auto;margin-top: 30px;">
                                    <h1 style="text-align: center;">2025年项目支出绩效目标申报表</h1>
                                    <table border="1" cellspacing="0" class="table-Lu">
                                        <tr>
                                            <th>申报科室</th>
                                            <td>{{ item.fsqks }}</td>
                                            <th>支出项目</th>
                                            <td>{{ itemJx.fzcxm }}</td>
                                        </tr>
                                        <tr>
                                            <th>项目实施单位</th>
                                            <td>{{ itemJx.fxmssdw }}</td>
                                            <th>项目主管单位</th>
                                            <td>{{ itemJx.fxmzgdw }}</td>
                                        </tr>
                                        <tr>
                                            <th>项目属性</th>
                                            <td colspan="3">{{ itemJx.fxmsx }}</td>
                                        </tr>
                                        <tr>
                                            <th rowspan="2">资金总额</th>
                                            <th>资金来源</th>
                                            <th colspan="2">金额(万元)</th>
                                        </tr>
                                        <tr>
                                            <td>{{ itemJx.fzjzezjly }}</td>
                                            <td colspan="2">{{ itemJx.fzjzeje }}</td>
                                        </tr>
                                        <tr>
                                            <th>项目实施进度安排</th>
                                            <td colspan="3" class="text-left-style">{{ itemJx.fxmssjdap }}</td>
                                        </tr>
                                        <tr>
                                            <th>总体绩效目标</th>
                                            <td colspan="3" class="text-left-style">{{ itemJx.fztjxmb }}</td>
                                        </tr>
                                        <tr>
                                            <th>年度绩效目标</th>
                                            <td colspan="3" class="text-left-style">{{ itemJx.fndjxmb }}</td>
                                        </tr>
                                        <tr>
                                            <th>中期绩效目标</th>
                                            <td colspan="3" class="text-left-style">{{ itemJx.fzqjxmb }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <span slot="extra">
                                    <a-icon type="printer" @click.stop="printClickTable('2',performanceList)" style="color:#1ab394;font-size:18px;"/>
                                </span>
                            </a-collapse-panel>
                            <a-collapse-panel key="3" header="项目依据">
                                <vxe-table
                                    border
                                    stripe
                                    show-overflow
                                    :column-config="{resizable: true}"
                                    :data="xmyjTableData">
                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                    <vxe-column field="fjcfl" title="分类" width="140" align="center"></vxe-column>
                                    <vxe-column field="fjcff" title="依据内容" align="center"></vxe-column>
                                    <vxe-column title="附件" align="center">
                                        <template #default="{ row }">
                                            <uploadFilesList
                                                :key="row.id"
                                                :ref="'uploadFilesList' + row.id"
                                                :config="uploadFilesListConfig"
                                                :heigth="120"
                                                style="margin-top:10px;"
                                                :filesFormState="{id: row.id}"/>
                                        </template>
                                    </vxe-column>
                                </vxe-table>
                            </a-collapse-panel>
                            <a-collapse-panel key="4" header="项目内容-审评">
                                <vxe-table
                                    stripe
                                    border
                                    show-overflow
                                    :column-config="{resizable: true}"
                                    :data="xmnrTableDataJc">
                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                    <vxe-column field="jcmc" title="审评名称" align="center" width="200"></vxe-column>
                                    <vxe-column field="fjcxmzxsj" title="执行时间" align="center"></vxe-column>
                                    <vxe-column field="jcjzsl" title="审评组数" align="center"> </vxe-column>
                                    <vxe-column field="mjzrs" title="每家/组人数" align="center"></vxe-column>
                                    <vxe-column field="mjzts" title="每家/组天数" align="center"></vxe-column>
                                    <vxe-column field="clfbz" title="差旅费补助金额" align="center"></vxe-column>
                                    <vxe-column field="fszts" title="住宿天数" align="center"></vxe-column>
                                    <vxe-column field="zxfbz" title="住宿费补助金额" align="center"></vxe-column>
                                    <vxe-column field="fjtts" title="交通天数" align="center"></vxe-column>
                                    <vxe-column field="jtfbz" title="交通费补助金额" align="center"> </vxe-column>
                                    <vxe-column field="fclfhj" title="差旅费小计金额" align="center"></vxe-column>
                                    <vxe-column field="flwts" title="劳务天数" align="center"></vxe-column>
                                    <vxe-column field="flwrc" title="劳务人次" align="center"></vxe-column>
                                    <vxe-column field="flwfhj" title="劳务费小计" align="center"></vxe-column>
                                </vxe-table>
                            </a-collapse-panel>
                            <a-collapse-panel key="5" header="项目内容-课题">
                                <vxe-table
                                    stripe
                                    border
                                    show-overflow
                                    :data="xmnrTableDataKt">
                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                    <vxe-column field="fktxmzxsj" title="课题名称" align="center"></vxe-column>
                                    <vxe-column field="fktjf" title="课题经费" align="center"></vxe-column>
                                    <vxe-column field="fktfzr" title="课题负责人" align="center"></vxe-column>
                                    <vxe-column field="fktfzks" title="课题负责科室" align="center"></vxe-column>
                                    <vxe-column field="fjcxmzxsj" title="执行时间" align="center"></vxe-column>
                                    <vxe-column field="fzfdxjglx" title="课题委托单位/公司" align="center"></vxe-column>
                                </vxe-table>
                            </a-collapse-panel>
                            <a-collapse-panel key="6" header="项目内容-印刷">
                                <vxe-table
                                    stripe
                                    border
                                    show-overflow
                                    :data="xmnrTableDataYs">
                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                    <vxe-column field="fysxmzxsj" title="执行时间" align="center"></vxe-column>
                                    <vxe-column field="fsbmc" title="印刷内容" align="center"></vxe-column>
                                    <vxe-column field="fsbsl" title="数量" align="center"></vxe-column>
                                    <vxe-column field="fmbqs" title="单价" align="center"></vxe-column>
                                    <vxe-column field="fyzhj" title="合计" align="center"></vxe-column>
                                </vxe-table>
                            </a-collapse-panel>
                            <a-collapse-panel key="7" header="项目内容-培训">
                                <vxe-table
                                    stripe
                                    border
                                    show-overflow
                                    :data="xmnrTableDataPx">
                                    <vxe-column type="seq" title="序号" width="50" align="center"></vxe-column>
                                    <vxe-column field="fpxmc" title="培训班名称 " align="center"></vxe-column>
                                    <vxe-column field="fpxxmzxsj" title="执行时间" align="center"></vxe-column>
                                    <vxe-column field="fpxrs" title="培训人数" align="center"></vxe-column>
                                    <vxe-column field="fpxts" title="培训天数" align="center"></vxe-column>
                                    <vxe-column field="fpxfy" title="培训费用" align="center"></vxe-column>
                                    <vxe-column field="fxst" title="学时/天" align="center"></vxe-column>
                                    <vxe-column field="fzgxs" title="正高学时/天" align="center"></vxe-column>
                                    <vxe-column field="fzgfy" title="正高费用" align="center"></vxe-column>
                                    <vxe-column field="ffgxs" title="副高学时/天" align="center"></vxe-column>
                                    <vxe-column field="ffgfy" title="副高费用" align="center"></vxe-column>
                                    <vxe-column field="fskf" title="授课费" align="center"></vxe-column>
                                    <vxe-column field="fpxskxj" title="小计" align="center"></vxe-column>
                                </vxe-table>
                            </a-collapse-panel>
                            <a-collapse-panel key="8" header="流转记录">
                                <transferRecords
                                    ref="transferRecordsRef"
                                    :config="circulationDataTableConfig"/>
                            </a-collapse-panel>
                        </a-collapse>
                    </div>
                </div>
            </div>
            <div style="text-align: center;padding-top: 10px;">
                <a-button v-if="summaryActiveKey == '预算申报计划汇总表单'" class="blue-btn" @click="printClickYuSuan" style="margin-right: 10px;">
                    全部打印
                </a-button>
                <a-button v-if="summaryActiveKey == '预算申报计划汇总表单'" class="blue-btn" @click="exportClickYuSuan">
                    全部导出
                </a-button>
            </div>
        <!-- </a-modal> -->
        <!-- <toExamine ref="toExamineRef" /> -->
        <printModal ref="printModalRef" />
    </div>
</template>
<script>
import { axios } from '@/utils/request'
import YchConstant from "@/api/YchConstant";
import {
    yssbGetjhid,
    yssbCheckKsyssb,
    yssbHzbd,
    yssbGetBmyssblc,
    bmyssbGetXmyjList,
    yssbFirstJs,
    bmyssbGetXmnrList,
    yssbKthzbd,
    yssbYshzbd,
    yssbPxhzbd,
    yssbHzjxzbss,
    yssbEditYssbjxbz,
    bmyssbListjxsb,
    getMoreUserSignLinkList,
    //导出
    exportRealTimeJxzb,
 } from './service/index'
import transferRecords from '@/views/administrativeOffice-new/modal/transferRecords'
import assessCheckApi from './service/api.js'
import uploadFilesList from '@/views/administrativeOffice-new/modal/uploadFilesList'
import toExamine from './toExamine'
import printModal from '../modal/print'
export default {
    name: 'budgetDeclaration-department-modal',
    props: {},
    components: {
        transferRecords,
        uploadFilesList,
        toExamine,
        printModal
    },
    data() {
        return {
            visible: false,
            rawData: {},
            summaryActiveKey: '预算申报计划汇总表单',
            circulationDataTableConfig: {
                api: assessCheckApi.bmyssbFlowJkPage,
                rowId: 'id',
                urlType: true,
                paramet:{
                    oaid: ''
                }
            },
            form: {},
            spinning: false,
            collapseActiveKeyArr:['1','2','3','4'],
            departmentActiveKeyArr:['1','2','3','4','5','6','7','8'],
            departmentList: [],
            financeList: [],
            departmentStep:['填写','科室负责人审核', '分管领导审核'],
            filesIds: '',
            uploadFilesListConfig: {
                isUpload: false,
                handleIconStyle: true
            },
            amountData: [],
            xmyjTableData: [],
            scheduleList: [],
            xmnrTableDataJc: [],
            xmnrTableDataKt: [],
            xmnrTableDataYs: [],
            xmnrTableDataPx: [],
            ktList: [],
            ysList: [],
            pxList: [],
            jxList: [],
            // 用于存储每个zbDataList的长度的数组
            lengths: [],
            performanceList: [],
            exportData: [
                {
                    type: '审评',
                    fileName: '预算申报汇总表单-审评',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcellwcl',
                },{
                    type: '课题',
                    fileName: '预算申报汇总表单-课题',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcelkt',
                },{
                    type: '印刷',
                    fileName: '预算申报汇总表单-印刷',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcelys',
                },{
                    type: '培训',
                    fileName: '预算申报汇总表单-培训',
                    url: YchConstant.SPZX_OA + '/exceldc/generateExcelpx',
                },
            ],
        }
    },
    methods: {
        getData(row,val){
            //console.log(val)
            yssbGetjhid().then(res => {
                if(res.success){
                    this.rawData = {
                        ...row,
                        jhid: res.result.jhid,
                    }
                    this.form = row
                    this.getyssbCheckKsyssb()
                    this.getyssbHzbd() // 审评
                    this.getyssbKthzbd() // 课题汇总
                    this.getyssbYshzbd() // 印刷
                    this.getyssbPxhzbd() //培训
                    this.getyssbGetBmyssblc() // 科室进度
                    this.getyssbHzjxzbss() //绩效
                    this.visible = true
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        getyssbCheckKsyssb(){
            yssbCheckKsyssb({...this.rawData}).then(async(res) => {
                if(res.success){
                    this.departmentList = []
                    // this.departmentList = res.result
                    let Items = res.result
                    if(!Items.length){
                        return
                    }
                    for (let index = 0; index < Items.length; index++) {
                        let resa = await getMoreUserSignLinkList({ids: Items[index].tbrid})
                        if(resa.result.length && resa.result[0].signLink !== ''){
                            //console.log('得了---',Items[index])
                            Items[index] = {...Items[index],tbrqm: resa.result[0].signLink+'&aa='+Date.now()}
                        } else {
                            //console.log('没得啊---',Items[index])
                            Items[index] = {...Items[index],tbrqm: null}
                        }

                        let resb = await getMoreUserSignLinkList({ids: Items[index].ksfzrid})
                        if(resb.result.length && resb.result[0].signLink !== ''){
                            //console.log('得了---',Items[index])
                            Items[index] = {...Items[index],ksfzrqm: resb.result[0].signLink+'&aa='+Date.now()}
                        } else {
                            //console.log('没得啊---',Items[index])
                            Items[index] = {...Items[index],ksfzrqm: null}
                        }

                        let resc = await getMoreUserSignLinkList({ids: Items[index].kfgldrid})
                        if(resc.result.length && resc.result[0].signLink !== ''){
                            //console.log('得了---',Items[index])
                            Items[index] = {...Items[index],kfgldrqm: resc.result[0].signLink+'&aa='+Date.now()}
                        } else {
                            //console.log('没得啊---',Items[index])
                            Items[index] = {...Items[index],kfgldrqm: null}
                        }
                    }
                    this.departmentList = Items;
                    //console.log('this.departmentList有签名了吗？？？', this.departmentList)
                }
            })
        },
        getyssbHzbd(){
            yssbHzbd({...this.rawData}).then(res => {
                if(res.success){
                    this.financeList = res.result
                    this.getyssbFirstJs({jclx: '审评'})
                }
            })
        },
        getyssbKthzbd(){
            yssbKthzbd({...this.rawData}).then(res => {
                if(res.success){
                    this.ktList = res.result
                    //console.log('this.ktList', this.ktList)
                    this.getyssbFirstJs({jclx: '课题'})
                }
            })
        },
        getyssbYshzbd(){
            yssbYshzbd({...this.rawData}).then(res => {
                if(res.success){
                    this.ysList = res.result
                    this.getyssbFirstJs({jclx: '印刷'})
                }
            })
        },
        getyssbPxhzbd(){
            yssbPxhzbd({...this.rawData}).then(res => {
                if(res.success){
                    this.pxList = res.result
                    this.getyssbFirstJs({jclx: '培训'})
                }
            })
        },
        getyssbGetBmyssblc(){
            yssbGetBmyssblc({...this.rawData}).then(res => {
                if(res.success){
                    this.scheduleList = []
                    let item = res.result
                    item.forEach(element => {
                        let stepIndex = this.departmentStep.indexOf(element.hjmc);
                        this.scheduleList.push({
                            ...element,
                            step: element.lczt == '流程结束'?stepIndex + 1:stepIndex
                        })
                    });
                    //console.log(' this.scheduleList', this.scheduleList)
                }
            })
        },
        getyssbFirstJs(val){
            yssbFirstJs({...this.rawData,...val}).then(res => {
                if(res.success){
                    this.amountData.push({...val,list:[...res.result]})
                    //console.log('this.amountData',this.amountData)
                }
            })
        },
        getAmountData(jclx,Item,type,childType){
            if(this.amountData.length == 4){
                const itemArrA = this.amountData.filter(item => item.jclx == jclx)
                // //console.log('2222222222222',itemArrA)
                const itemArr = itemArrA[0].list.filter(item => item.name == Item)
                if(childType){
                    var itemArr1 = itemArr[0].list.filter(item => item.name == childType)
                    return itemArr1[0][type]
                }
                // //console.log('itemArr4',itemArr,itemArr1)
                if(!itemArr[0][type]){
                    return 0
                }
                return itemArr[0][type]
            }
        },
        totalListLength(Item){
            //console.log('************',Item.reduce((total, item) => total + item.list.length, 0))
            return Item.reduce((total, item) => total + item.list.length, 0);
        },
        calculateZbDataListLength(items) {
            if(items.lxmcDataList){
                //console.log('111111111111111',items)
            }
            let sum = 0
            // //console.log('????????????????',items,items.length)
            if(items.length > 0){
                items.forEach(item => {
                    if (item.zbDataList) {
                        sum = sum + item.zbDataList.length;
                        //console.log(sum)
                    }
                    if (!item.zbDataList) {
                        //console.log('没有？？？',item)
                        this.calculateZbDataListLength(item);
                    }
                })
            }
            //console.log('lengths============',sum)
            return sum;
        },
        // 调用递归函数并更新lengths数据
        calculateLengths() {
        // 假设lxmcDataList是最外层的数组
            this.lengths = this.calculateZbDataListLength(this.dataStructure.lxmcDataList);
        // 注意：这里假设lxmcDataList直接包含zbDataList或嵌套的类似结构
        // 如果结构更复杂，你可能需要调整递归逻辑来适应你的数据结构
        },
        closeVisible() {
            this.visible = false
        },
        summaryActiveChange(key) {
            this.summaryActiveKey = key
            if(this.summaryActiveKey !== '预算申报计划汇总表单' && this.summaryActiveKey !== '科室填写进度' && this.summaryActiveKey !== '预算申报绩效汇总表单'){

                let filteredArray = this.departmentList.filter(item => item.fsqks === this.summaryActiveKey);
                let ids = filteredArray[0].id
                //console.log(filteredArray);
                this.getXmyj(ids)
                this.getXmnr(ids)
                this.getPerformance(ids)
                this.circulationDataTableConfig.paramet.oaid = ids
            }
        },
        // 项目依据
        getXmyj(ids){
            bmyssbGetXmyjList({bmyssbid: ids}).then(res => {
                this.xmyjTableData = []
                if(res.success && res.result.length){
                    this.xmyjTableData = res.result
                }
            })
        },
        // 项目内容
        getXmnr(ids){
            bmyssbGetXmnrList({bmyssbid: ids}).then(res => {
                this.xmnrTableDataJc = []
                this.xmnrTableDataKt = []
                this.xmnrTableDataYs = []
                this.xmnrTableDataPx = []
                if(res.success){
                    let result = res.result
                    result.forEach((item,index) => {
                        if(item.lx == '审评'){
                            this.xmnrTableDataJc.push(item)
                        } else if(item.lx == '课题'){
                            this.xmnrTableDataKt.push(item)
                        } else if(item.lx == '印刷'){
                            this.xmnrTableDataYs.push(item)
                        } else if(item.lx == '培训'){
                            this.xmnrTableDataPx.push(item)
                        }
                    })
                }
            })
        },
        // 绩效
        getPerformance(ids){
            let data = {
                ...this.rawData,
                fbmyssbid: ids
            }
            //console.log('绩效data',data)
            bmyssbListjxsb(data).then(res => {
                if(res.success){
                    this.performanceList = []
                    this.performanceList = res.result.records
                }
            })
        },
        // 绩效汇总
        getyssbHzjxzbss(){
            yssbHzjxzbss({...this.rawData}).then(res => {
                if(res.success){
                    // let arr = res.result
                    // let num = 0
                    // res.result.forEach((item,index)=>{
                    //     item.jxzbmcList.forEach((trem,tIndex)=>{
                    //         trem.lxList.forEach((sum,sIndex)=>{
                    //             if(!num){
                    //                 num = 1
                    //                 // arr[index].jxzbmcList[tIndex].index = sIndex
                    //             }
                    //         })
                    //     })
                    // })
                    // //console.log('最终获得的签名图片列表---',arr)
                    this.jxList = res.result
                }
            })
        },
        yssbHzjxzbssEdie(val){
            yssbEditYssbjxbz({...val}).then(res => {
                if(res.success){
                    this.getyssbHzjxzbss()
                    this.$message.success(res.message)
                } else {
                    this.$message.error(res.message)
                }
            })
        },
        handleCancel(){
            this.visible = false
        },
        handleOk(){
            this.$refs.toExamineRef.getWriteData({jhid:this.form.id})
        },
        printJx(){
            this.$refs.printModalRef.getData(false,{val2:this.jxList})
        },
        printClickYuSuanOnly(valName,val){
            let yuSuanData = {
                jcList:[],
                ktList: [],
                ysList: [],
                pxList: [],
            }
            yuSuanData[valName] = val
            this.$refs.printModalRef.getData(false,{val1:yuSuanData,val5:this.amountData},true)
        },
        printClickYuSuan(){
            let yuSuanData = {
                jcList:this.financeList,
                ktList: this.ktList,
                ysList: this.ysList,
                pxList: this.pxList,
            }
            this.$refs.printModalRef.getData(false,{val1:yuSuanData})
        },
        printClickTable(type,item){
            this.$refs.printModalRef.getData(false,(type == '1')?{val3:item}:{val4:item})
        },
        exportClickYuSuan(){
            let that = this
            that.$confirm({
                title:'您确认要全部导出吗？',
                onOk() {
                    let typeList = ['审评','课题','印刷','培训']
                    typeList.forEach((item) => {
                        that.exportClickTable(item)
                    })
                }
            })

        },
        exportClickTable(type){
            let list = this.exportData[this.exportData.findIndex(item => item.type == type)]
            //console.log('list',list)
            var fileName = list.fileName + '汇总'
            var item = {
                jhid: this.rawData.jhid,
                flx: '汇总'
            }
            axios({
                url: list.url,
                method:'get' ,
                params: {...item},
                url_2:'outside',
                responseType: 'blob'
            }).then((data)=>{
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
        exportClickTables(){
            let data = {
                jhid: this.rawData.jhid,
                flx: '汇总'
            }
            var fileName = '预算申报汇总表单-审评' + '汇总'
            generateExcellwcl(data).then((data) => {
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
        exportJx(){
            var item = {
                jhid: this.rawData.jhid,
                flx: '汇总'
            }
            var fileName = '预算申报绩效指标汇总表单' + '汇总'
            exportRealTimeJxzb(item).then((data)=>{
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                if (typeof window.navigator.msSaveBlob !== 'undefined') {
                    window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                } else {
                    let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', fileName + '.xls')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                }
            })
        },
    }
}
</script>
<style lang="less">
.budgetDeclaration-department-div-box {
    .tabs-card-edit-box{
        margin: 5px 15px 0 15px;
        .ant-tabs-bar{
            // border: 0 !important;
            border-color: #38f !important;
            margin: 0 !important;
        }
        .ant-tabs-tab{
            background: #edeff3 !important;
            font-size: 14px !important;
            margin-left: 1px !important;
            height: 30px !important;
            line-height: 30px !important;

        }
        .ant-tabs-tab-active{
            margin: 0 !important;
            margin-left: 0 !important;
            margin-right: 1px !important;
            background-color: #38f !important;
            color: #fff !important;
            height: 32px !important;
            border: 1px solid #38f !important;
            border-bottom: 0 !important;
            padding:0 15px !important;

        }
        .ant-tabs-nav-container{
            height: 32px !important;
        }
    }
    .tab-box-v1{
        border: 1px solid #38f;
        border-top: 0;
        margin: 0 15px;
        // height: calc((100vh - 260px) / 2 );
        height: calc(100vh - 200px);
        overflow: auto;
        overflow-y: auto;
        .form-title {
            text-align: center;
        }
        .table-Lu{
            width: 794px;
            margin: 0 auto;
            // margin-top: 4mm;
            font-size: 16px;
            table-layout: fixed;
            th {
                font-family: 'SimSun', serif;
                text-align: center;
                font-size: 18px;
                font-weight: bold !important;
                line-height: 2.5;
                padding: 0px;
                color: black;
            }
            td {
                font-family: 'SimSun', serif;
                font-weight: unset;
                min-width: 150px;
                text-align: center;
                line-height: 1.5;
                padding: 0px;
                font-size: 18px;
                min-height: 46px !important;
                height: 46px;
                color: black;
                word-wrap:break-word;
                word-break:break-all;
                white-space:normal;
                .ant-form-item {
                    margin-bottom: 0px;
                }
            }
            .text-left-style {
                text-align: left;
                padding: 2px 10px;
            }
            .ant-input-number {
                width: 90% !important;
            }
        }
        .colour-table {
            th {
                background-color: #bcd4ec !important;
            }
            tr:nth-child(odd){
                background-color: #eef5fb;
            }
            .tr-hj {
                th {
                    background-color: #e7ecd6 !important;
                }
                td {
                    background-color: #e7ecd6 !important;
                }
            }
            .tr-zj {
                th {
                    background-color: #cef1d3 !important;
                }
                td {
                    background-color: #cef1d3 !important;
                }
            }
        }
        .color-Table-jiXiao {
            tr:nth-child(odd){
                background-color: #eef5fb;
            }
            th, .td-itema {
                background-color: #7facd6 !important;
            }
            .td-itemb {
                background-color: #ffffff !important;
            }
            .td-itemc1 {
                background-color: #bcd4ec !important;
            }
            .td-itemc2 {
                background-color: #bfbbda !important;
            }
            .td-itemc3 {
                background-color: #e8b7d4 !important;
            }
            .td-itemd {}
        }
        .text-style {
            font-family: 'SimSun', serif;
            font-size: 18px;
            color: black;
        }
        .ant-collapse-header{
            // width: 200px !important;
            width: 100% !important;
        }
        .department-schedule-ul {
            list-style: none;
            width: 70%;
            margin: 0 auto;
            .department-schedule-li {
                display: flex;
                padding: 10px 0px;
                border-bottom: 1px solid #e8e8e8;
                .department-schedule-span {
                    width: 30%;
                    font-size: 18px;
                    text-align: right;
                }
                .department-schedule-div {
                    width: 70%;
                }
                .department-schedule-result {
                    width: 200px;
                    font-size: 18px;
                    text-align: center;
                }
            }
        }
        .ant-collapse-extra {
            position: unset;
        }
    }
    .internalControl-reimbursement-model-form-box {
        padding: 0 15px;
        margin-top: 20px;
        .ant-descriptions-bordered .ant-descriptions-item-label{
            font-weight: 600;
            color: rgba(0, 0, 0, 0.85);
            background-color:#e6f7ff;
            width: 150px !important;
            text-align: center;
            font-size: 16px;
            font-family:simHei !important;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            padding: 5px 10px !important;
            .ant-form-item {
                margin-bottom: 0 !important;
            }

        }
        .descriptions-row .descriptions-label-slot{
            display: flex;
            align-items: center;
            width: 120px !important;//确保左侧固定文字不会换行
            justify-content: center;
            text-align: center;
        }
        .xhText{
            color: #f5222d;
            line-height: 31px;
            font-size: 14px;
            font-weight: 600;
            height: 30px;
        }
        .descriptions-item-center{

        }
        .ant-form-inline .ant-form-item-with-help{
            margin-bottom: 0px !important;
        }
        .zm-form-model{
            display: flex;
            .ant-form-item-control-wrapper{
                flex: 1;
            }
        }
        .ant-descriptions-bordered .ant-descriptions-row{
            border-bottom: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            border-right: 1px solid #e4e3e3;
            min-width: 100px;
        }
        .ant-descriptions-bordered .ant-descriptions-view{
            border: 1px solid #e4e3e3;
            border-right: 0;
        }
        .ant-descriptions-row:last-child{
            border-bottom: 0;
        }

    }
    .yjqm-right-bottom {
        text-align: right;
        margin-right: 20px;
        margin-bottom: 10px;
        line-height: 30px;
    }
    .yjqmImg {
        width: 100px;
        height: 30px;
        padding-right: 20px;
    }
    .compSelectorHydd {
        div:first-child {
        width: 200px;
        }
    }
    .comp-select-box-hys-ksdw {
        .ant-checkbox-group-item {
            width: 180px !important;
            margin: 0px !important;
            padding-bottom: 5px;
            text-align: left;
            font-weight: 100;
        }
    }
}
</style>
